<template>
  <div class="fc">
    <div class="fc">
      <div style="width:min-content">左侧导航</div>
      <div>
        <div>树状页签：组件库</div>
        <div>树状页签：当前布局文档树状图</div>
      </div>
    </div>
    <div class="fc">
      <div style="background-color:powderblue">拖拽布局区域</div>
      <div>
        <div>上方竖版样式</div>
        <div>下方横竖样式切换动画</div>
      </div>
    </div>
  </div>
</template>

<script type="text/javascript">

export default {
  name: "layout-editor",
  data() {
    return {
    }
  },
  props: {
  },
  computed: {
  },
  methods: {
  },
  mounted() {
  },
}
</script>

<style lang="scss" scoped>
div {
  margin: 1em;
}
</style>